<template>
  <div>
    <el-container>
      <el-main>
        <el-table :data="tableData" style="width: 100%" border>
          <el-table-column width="80" header-align="center" align="center" type="index" label="序号">
          </el-table-column>
          <el-table-column prop="ryName" label="员工名称" header-align="center" align="center" min-width="300">
          </el-table-column>
          <el-table-column prop="jjJe" label="奖金合计" header-align="center" align="right" min-width="150">
          </el-table-column>
          <el-table-column v-for="(item, index) in tableHeaders" :key="index" :prop="'jjJeId'+item.jjxId+''"
                           :label="item.jjxName" header-align="center" align="right" min-width="150">
          </el-table-column>
          <el-table-column prop="jjJeId" label="其他奖金" header-align="center" align="right" min-width="150">
          </el-table-column>
        </el-table>
      </el-main>
    </el-container>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      tableHeaders: [],
      tableData: []
    }
  },
  computed: {},
  mounted() {
  },
  methods: {
    init(obj, header) {
      this.tableData = obj;
      this.tableHeaders = header;
    },

  }
}

</script>
<style scoped>

</style>
